<!--首页-->
<template>
    <div class='home'>
        <div class='home-title'>
            首页
        </div>
        <swiperlun></swiperlun>
        <navBox></navBox>
    </div>
</template>
<script>
import swiperlun from './../components/swiperlun.vue';
import navBox from './../components/nav-box.vue';
export default {
  name: 'home',
  components:{
      swiperlun,
    navBox
  },
  created(){
    //用vuex设置状态，改变class;
     this.$store.dispatch("inHome");
  }
}
</script>
<style lang='less'>
 .home{
    width: 100%;
    height: auto;
    margin-bottom: 40px;
    .home-title{
        text-align:center;
        height:30px;
      background:#00a6c6;
      color:#fff;
      line-height:30px;
      text-indent:10px;
      font-size:14px;  
    }
}
</style>